@import "common.less";//引用公共文件
.nav-center{.w(12rem);.h(@100);.m(0 auto);}
.dj-top{
    .h(.42rem);border-bottom:solid .01rem #e8e8e8;
    .nav-center{
        .cf;
        .min-icon{
            .fl;
            li{
                .dib;.pr;.t(.1rem);.mr(.14rem);
                a{.bi('../images/top-line.jpg');.db;.w(.19rem);.h(.19rem);}
            }
            .qq{
                a{background-position:.19rem .01rem;}
            }
            .weChat{
                a{background-position:.19rem .36rem;}
            }
            .iphone{
                a{background-position:.19rem .18rem;.h(.18rem);}
            }
        }
        .search-div{
            .w(auto);.fr;.cf;
            .login{
                .fl;
                a{.fs(.14rem);.c(#474747);.lh(.4rem;);min-width: .5rem;.ta(@c);.dib;.p(0 .05rem);}
                i{.h(.13rem);.w(.02rem);.bc(#7d7d7d);.pr;.t(.02rem);}
                .userName-spa{.lh(.42rem);.mr(.12rem);}
                .user-img{.border-radius(50%);.dib;.w(.26rem);.h(.26rem);.mr(.12rem);}
            }
            input{.w(1.9rem);.h(.3rem);.fr;border-color:#c9c9c9;.border-radius(.02rem);.ta(@l); .m(.05rem 0 0);.bi("../images/search.png");background-repeat: no-repeat; background-position: 1.64rem;}
        }
    }
}
.dj-nav1{
    .h(.9rem);
    .nav-center{
        .h(@100);.pr;.t(-.08rem);
        .logo{
            .w(3.18rem);.h(.38rem);.dib;.mt(.26rem);
            img{.w(@100);.h(@100);}
        }
        .nav1-ul{.fr;.h(.9rem);.dib;.c(#333);.m(0);.pr;z-index: 2;
            li{
                .fl;.h(.9rem);.lh(.8rem);.pr;.w(auto); .fs(.16rem);.p(.05rem .18rem);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing: border-box;cursor: pointer;
                &:nth-child(7){.pr(0);}
                &:hover{border-top:.02rem red solid;.lh(.75rem);}
            }	
            .active{border-top:.02rem red solid;.lh(.75rem);}
        }
    }
}
.dj-nav1-border-bottom{.border(#f7e0df);}
.dj-nav2{
    .h(.45rem);.bc(#eeeef6);
    .nav2-ul{
        .h(.45rem);.m(0 auto);.w(60%);
        li{
            border-right:solid .01rem #fff;.lh(.45rem);.fl;.c(#010101);.p(0 .24rem);.fw();.h(.45rem);cursor: pointer;
            &:hover{.bc(#fff);border-top:solid .02rem #fd3130;.lh(.4rem);.pr;.t(.01rem);}
        }
        .active{
            .bc(#fff);border-top:solid .02rem #fd3130;.lh(.4rem);.pr;.t(.01rem);
        }
    }
}
.dj-nav3{
    .h(.45rem);border-bottom:solid .02rem #f3f3f9;
    .nav3-div{
        .m(0 auto);.w(57%);.h(@100);
        a{.lh(.28rem); .border-radius(.15rem);.p(0 .12rem);.c(#565656);.dib;.mt(.1rem);}
        .active{.bc(#fd3130);.c(#fff);}
    }
}